    {% load custom_tag %}
    <div class="col-md-9">
          <!-- general form elements -->
          <div class="box box-primary">
            <div class="box-header with-border">
              <h3 class="box-title" style="font-size: 21px">命令操作</h3>
            </div>


{#            <form role="form">#}
                  <div class="box-body">
                       <textarea class="form-control" id="cmd" style="font-size: 17px" rows="5" placeholder="输入要执行的Linux命令..."></textarea>
                  </div>


                  <div class="box-footer">
                     <select style="font-size: 15px;padding: 5px" name="task_expire_time" >
                        <option value="30">任务超时时间(30分钟)</option>
                        <option value="45">45分钟</option>
                        <option value="60">60分钟</option>
                        <option value="90">90分钟</option>
                        <option value="120">120分钟</option>
                        <option value="180">180分钟</option>
                     </select>

                     <button type="submit"  style="font-size: 15px;" class="btn btn-danger pull-right">停止操作</button>
                     <button id="modal-410662"  role="button" href="#modal-container-410662"  class="btn btn-primary pull-right" data-toggle="modal"  style="font-size: 15px;margin-right: 1.5%" >执行命令</button>

                  </div>

{#            </form>#}
          </div>

          <div class="nav-tabs-custom">
            <ul class="nav nav-tabs" style="font-size:15px" >
              <li class="active"><a style="font-size:15px" href="#activity" data-toggle="tab" aria-expanded="true">执行结果</a></li>
              <li class=""><a href="#timeline" data-toggle="tab" aria-expanded="true">最近操作</a></li>
              <li class=""><a href="#settings" data-toggle="tab" aria-expanded="false">设置</a></li>
            </ul>
            <div class="tab-content">

              <div class=" box-header tab-pane with-border active task_result" style='padding: 5px 5px 5px 5px'  id="activity">
                ,,,,,

              </div>

              <div class="tab-pane" id="timeline">

                            <div class="table-responsive">
                                <table class="table table-condensed">
                                    <thead>
                                        <tr>
                                            <th class="text-center">ID</th>
                                            <th>任务ID</th>
                                            <th>任务类型</th>
                                            <th>任务内容</th>
                                            <th>主机个数</th>
                                            <th>成功</th>
                                            <th>失败</th>
                                            <th>未知</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    {% for task in recent_tasks %}
                                        <tr>
                                            <td class="text-center">{{ forloop.counter }}</td>
                                            <td><a href="#" onclick="$('.task_result').html('');PrintTaskResult({{ task.id }})" class="btn-link">{{ task.id }}</a></td>
                                            <td>{{ task.task_type }}</td>
                                            <td>{{ task.cmd }}</td>
                                            <td>{{ task.hosts.select_related.count}}</td>
                                            <td>{% query_set task.tasklogdetail_set "result" "success" %}</td>
                                            <td>{% query_set task.tasklogdetail_set "result" "failed" %}</td>
                                            <td>{% query_set task.tasklogdetail_set "result" "unknown" %}</td>
                                            <td><span class="">{{ host.host_user.username }}</span></td>
                                        </tr>
                                    {% endfor %}
                                    </tbody>
                                </table>
                            </div> <!--end table div-->


              </div>

              <div class="tab-pane" id="settings">
                <form class="form-horizontal">
                  <div class="form-group">
                    <label for="inputName" class="col-sm-2 control-label">名称</label>

                    <div class="col-sm-10">
                      <input type="email" class="form-control" id="inputName" placeholder="Name">
                    </div>
                  </div>
                  <div class="form-group">
                    <label for="inputEmail" class="col-sm-2 control-label">电子邮件</label>

                    <div class="col-sm-10">
                      <input type="email" class="form-control" id="inputEmail" placeholder="Email">
                    </div>
                  </div>
                  <div class="form-group">
                    <label for="inputName" class="col-sm-2 control-label">名称</label>

                    <div class="col-sm-10">
                      <input type="text" class="form-control" id="inputName" placeholder="Name">
                    </div>
                  </div>
                  <div class="form-group">
                    <label for="inputExperience" class="col-sm-2 control-label">经验</label>

                    <div class="col-sm-10">
                      <textarea class="form-control" id="inputExperience" placeholder="Experience"></textarea>
                    </div>
                  </div>
                  <div class="form-group">
                    <label for="inputSkills" class="col-sm-2 control-label">技能</label>

                    <div class="col-sm-10">
                      <input type="text" class="form-control" id="inputSkills" placeholder="Skills">
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                      <div class="checkbox">
                        <label>
                          <input type="checkbox">我同意<a href="#">条款和条件</a>
                        </label>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                      <button type="submit" class="btn btn-danger">提交</button>
                    </div>
                  </div>
                </form>
              </div>

            </div>

          </div>


    </div>